@headerHeight: 100px;
@navigationHeight: 25px;

body {
	font: normal 12px Arial;
	background: #AAA;
}

#fLayoutBodyWrap {
	width: 960px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
	margin-top: 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#fLayoutBodyInnerWrap {
	position: relative;
}

#fLayoutHeaderWrap {
	height: @headerHeight;
	background: #666;
	color: #FFF;
	padding-top: @navigationHeight;
	header {
		padding: 10px;
		h1 {
			font-size: 24px;		
		}
	}
}

#fLayoutArticleWrap article {
	padding: 2em;
}

#fLayoutFooterWrap {
	height: 60px;
	width: 960px;
	margin: 0 auto;
	background: #DDD;
	margin-bottom: 20px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* navigation */

#fLayoutNavigationWrap {
	position: absolute;
	top: @headerHeight;
	background: #CCC;
	width: 100%;
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		height: @navigationHeight;
		overflow: hidden;
		li {
			list-style: none;
			margin: 0;
			padding: 0;
			display: block;
			float: left;
			a {
				color: #333;
				display: block;
				height: @navigationHeight;
				text-decoration: none;
				padding: 0 10px;
				line-height: @navigationHeight;
				font-size: 14px;
				font-weight: bold;
				&:hover {
					background: #DDD;
				}
			}
		}
	}
}

/* froms */
/*
.f-form h2 {
	margin-bottom: 1.5em;
}

.f-form-widget-text input,
.f-form-widget-text textarea,
.f-form-widget-password input {
	padding: 1px 1px 1px 5px;
	border: 1px solid #999;
}

.f-form-widget-group {
	border: 1px solid #999;
	padding: 0 10px 10px 10px;
	margin: 20px 0;
	>.f-form-label {
		background: #fff;
		padding: 0 5px;
		display: inline-block;
		position: relative;
		top: -7px;
		left: -5px;
	}
}

.f-form-widget-radio-option {
	display: inline-block;
	input {
		position: relative;
		top: -2px;
	}
}
*/

/* rangsolator */

.rangsolator-users-login,
.rangsolator-users-register {
	border: 1px solid #000;
	width: 47%;
	padding: 10px;
	margin-bottom: 20px;
	float: left;
	height: 120px;
}

.rangsolator-users-login {
	margin-right: 10px;
}

/* gamificator */

table.gam-table {
	border-collapse: collapse;
}

table.gam-table td {
	border: 1px solid black;
	padding: 2px 5px;
}


